<template>
  <div class="app-container">
    <div class="app-container">
      <budgetOnePreview v-model:budgetOneId="oid" v-if="oType === 'budgetOne'"></budgetOnePreview>
      <budgetTwoPreview v-model:budgetTwoId="oid" v-if="oType === 'budgetTwo'"></budgetTwoPreview>
      <projectTwoPreview v-model:projectTwoId="oid" v-if="oType === 'projectTwo'"></projectTwoPreview>
    </div>
  </div>
</template>
<script>
import budgetOnePreview from '@/views/components/budget/budgetOnePreview.vue'
import budgetTwoPreview from '@/views/components/budget/budgetTwoPreview.vue'
import projectTwoPreview from '@/views/components/budget/projectTwoPreview.vue'

export default {
  name: 'budgetPerformancePreview',
  components: {
    budgetOnePreview,
    budgetTwoPreview,
    projectTwoPreview
  },
  data() {
    return {
      oid: '',
      oType: ''
    }
  },
  computed: {
    routesData() {
      return this.routes
    }
  },
  created() {
    this.oid = this.$route.query.id || ''
    this.oType = this.$route.query.type || ''
  },
  methods: {
  }
}
</script>
